$(function () {
    // 设置每个li的高度
    function setHeight(){
        $(".projects").css({
            height:$(".top").height()+$(".mid").height()+$(".bot").height()+$(".desc").height()+80
        })
    }
    
    //设置项目列表的高度
    function setProjectsHeight() {
        if($(window).width()>600){
            $(".project-list").css({
                height: ($(".projects").height()+40)*(Math.ceil($(".projects").length/2))
            })
        }else {
            $(".project-list").css({
                height: ($(".projects").height() + 40) * ($(".projects").length)
            })
        }
    }

    // 设置每个项目的宽度
    function setProjectWidth() {
        if($(window).width()<600){
            $(".projects").css({
                width:"98%"
            })
        }else {
            $(".projects").css({
                width:"48%"
            })
        }
    }

    setProjectWidth();
    setHeight();
    setProjectsHeight();

    $(window).resize(function () {
        setProjectWidth();
        setHeight();
        setProjectsHeight();
    })
})